import { StyleSheet } from "react-native";

export const styles = StyleSheet.create({
  // 菜单容器样式
  menuContainer: {
    position: "absolute",
    borderRadius: 8,
    overflow: "hidden",
    minWidth: 150,
    maxWidth: 280,
  },

  // 菜单阴影 (iOS)
  shadowIOS: {
    shadowOffset: { width: 0, height: 2 },
    shadowOpacity: 0.25,
    shadowRadius: 3.84,
  },

  // 菜单阴影 (Android)
  shadowAndroid: {
    elevation: 5,
  },

  // 菜单项样式
  menuItem: {
    flexDirection: "row",
    alignItems: "center",
    paddingVertical: 12,
    paddingHorizontal: 16,
  },

  // 禁用菜单项
  menuItemDisabled: {
    opacity: 0.5,
  },

  // 图标样式
  icon: {
    marginRight: 12,
    width: 24,
    alignItems: "center",
    justifyContent: "center",
  },

  // 文本样式
  text: {
    fontSize: 16,
  },

  // 模态背景
  overlay: {
    ...StyleSheet.absoluteFillObject,
    backgroundColor: "transparent",
  },
});

export default styles;
